<template>
  <div class="home">

    <transition name="el-zoom-in-center">
        <div v-show="show" class="transition-box"> 
        <img alt="Vue logo" src="../assets/logo.png">
        <HelloWorld msg="Welcome to Your Vue.js App"/>
        </div>
    </transition>
  
     <el-button @click="show = !show">Click Me</el-button>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  },
  data(){
    return {
      show: true,
      messige:"hello"
    }
  }
}
</script>
